<script>
	import Utils from './common/js/Utils'
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		globalData: {
			utils:Utils
		}
	}
</script>

<style>
	/*每个页面公共css */
	page {
	    line-height: 1.6;
	    font-family: -apple-system-font, 'Helvetica Neue', sans-serif;
	}
	
	icon {
	    vertical-align: middle;
	}
	
	.weui-cells {
	    position: relative;
	    margin-top: 1.17647059em;
	    background-color: #fff;
	    line-height: 1.41176471;
	    font-size: 17px;
	}
	
	.weui-cells:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1rpx solid #e6e6e6;
	    color: #e6e6e6;
	}
	
	.weui-cells:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height: 0px;
	    border-bottom: 0rpx solid #e6e6e6;
	    color: #e6e6e6;
	}
	
	.weui-cells__title {
	    margin-top: 0.77em;
	    margin-bottom: 0.3em;
	    padding-left: 15px;
	    padding-right: 15px;
	    color: #999;
	    font-size: 14px;
	}
	
	.weui-cells_after-title {
	    margin-top: 0;
	}
	
	.weui-cells__tips {
	    margin-top: 0.3em;
	    color: #999;
	    padding-left: 15px;
	    padding-right: 15px;
	    font-size: 14px;
	}
	
	.weui-cell {
	    padding: 10px 15px;
	    position: relative;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	
	.weui-cell:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1rpx solid #e6e6e6;
	    color: #e6e6e6;
	}
	
	.weui-cell:first-child:before {
	    display: none;
	}
	
	.weui-cell_active {
	    background-color: #ececec;
	}
	
	.weui-cell_primary {
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	}
	
	.weui-cell__bd {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	}
	
	.weui-cell__ft {
	    text-align: right;
	    color: #999;
	}
	
	.weui-cell_access {
	    color: inherit;
	}
	
	.weui-cell__ft_in-access {
	    padding-right: 13px;
	    position: relative;
	}
	
	.weui-cell__ft_in-access:after {
	    content: ' ';
	    display: inline-block;
	    height: 6px;
	    width: 6px;
	    border-width: 2px 2px 0 0;
	    border-color: #c8c8cd;
	    border-style: solid;
	    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	    position: relative;
	    top: -2px;
	    position: absolute;
	    top: 50%;
	    margin-top: -4px;
	    right: 2px;
	}
	
	.weui-cell_link {
	    color: #586c94;
	    font-size: 14px;
	}
	
	.weui-cell_link:active {
	    background-color: #ececec;
	}
	
	.weui-cell_link:first-child:before {
	    display: block;
	}
	
	.weui-icon-radio {
	    margin-left: 3.2px;
	    margin-right: 3.2px;
	}
	
	.weui-icon-checkbox_circle,
	.weui-icon-checkbox_success {
	    margin-left: 4.6px;
	    margin-right: 4.6px;
	}
	
	.weui-check__label:active {
	    background-color: #ececec;
	}
	
	.weui-check {
	    position: absolute;
	    left: -9999px;
	}
	
	.weui-check__hd_in-checkbox {
	    padding-right: 0.35em;
	}
	
	.weui-cell__ft_in-radio {
	    padding-left: 0.35em;
	}
	
	.weui-cell_input {
	    padding-top: 0;
	    padding-bottom: 0;
	}
	
	.weui-label {
	    width: 105px;
	    word-wrap: break-word;
	    word-break: break-all;
	}
	
	.weui-input {
	    height: 2.58823529em;
	    min-height: 2.58823529em;
	    line-height: 2.58823529em;
	}
	
	.weui-toptips {
	    position: fixed;
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	    top: 0;
	    left: 0;
	    right: 0;
	    padding: 5px;
	    font-size: 14px;
	    text-align: center;
	    color: #fff;
	    z-index: 5000;
	    word-wrap: break-word;
	    word-break: break-all;
	}
	
	.weui-toptips_warn {
	    background-color: #e64340;
	}
	
	.weui-textarea {
	    display: block;
	    width: 100%;
	}
	
	.weui-textarea-counter {
	    color: #b2b2b2;
	    text-align: right;
	}
	
	.weui-textarea-counter_warn {
	    color: #e64340;
	}
	
	.weui-cell_warn {
	    color: #e64340;
	}
	
	.weui-form-preview {
	    position: relative;
	    background-color: #fff;
	}
	
	.weui-form-preview:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1rpx solid #d9d9d9;
	    color: #d9d9d9;
	}
	
	.weui-form-preview:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height: 1px;
	    border-bottom: 1rpx solid #d9d9d9;
	    color: #d9d9d9;
	}
	
	.weui-form-preview__value {
	    font-size: 14px;
	}
	
	.weui-form-preview__value_in-hd {
	    font-size: 26px;
	}
	
	.weui-form-preview__hd {
	    position: relative;
	    padding: 10px 15px;
	    text-align: right;
	    line-height: 2.5em;
	}
	
	.weui-form-preview__hd:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height: 1px;
	    border-bottom: 1rpx solid #d9d9d9;
	    color: #d9d9d9;
	    left: 15px;
	}
	
	.weui-form-preview__bd {
	    padding: 10px 15px;
	    font-size: 0.9em;
	    text-align: right;
	    color: #999;
	    line-height: 2;
	}
	
	.weui-form-preview__ft {
	    position: relative;
	    line-height: 50px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	}
	
	.weui-form-preview__ft:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1rpx solid #d5d5d6;
	    color: #d5d5d6;
	}
	
	.weui-form-preview__item {
	    overflow: hidden;
	}
	
	.weui-form-preview__label {
	    float: left;
	    margin-right: 1em;
	    min-width: 4em;
	    color: #999;
	    text-align: justify;
	    text-align-last: justify;
	}
	
	.weui-form-preview__value {
	    display: block;
	    overflow: hidden;
	    word-break: normal;
	    word-wrap: break-word;
	}
	
	.weui-form-preview__btn {
	    position: relative;
	    display: block;
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	    color: #3cc51f;
	    text-align: center;
	}
	
	.weui-form-preview__btn:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 1px;
	    bottom: 0;
	    border-left: 1rpx solid #d5d5d6;
	    color: #d5d5d6;
	}
	
	.weui-form-preview__btn:first-child:after {
	    display: none;
	}
	
	.weui-form-preview__btn_active {
	    background-color: #eee;
	}
	
	.weui-form-preview__btn_default {
	    color: #999;
	}
	
	.weui-form-preview__btn_primary {
	    color: #0bb20c;
	}
	
	.weui-cell_select {
	    padding: 0;
	}
	
	.weui-select {
	    position: relative;
	    padding-left: 15px;
	    padding-right: 30px;
	    height: 2.58823529em;
	    min-height: 2.58823529em;
	    line-height: 2.58823529em;
	    border-right: 1rpx solid #d9d9d9;
	}
	
	.weui-select:before {
	    content: ' ';
	    display: inline-block;
	    height: 6px;
	    width: 6px;
	    border-width: 2px 2px 0 0;
	    border-color: #c8c8cd;
	    border-style: solid;
	    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	    position: relative;
	    top: -2px;
	    position: absolute;
	    top: 50%;
	    right: 15px;
	    margin-top: -4px;
	}
	
	.weui-select_in-select-after {
	    padding-left: 0;
	}
	
	.weui-cell__hd_in-select-after,
	.weui-cell__bd_in-select-before {
	    padding-left: 15px;
	}
	
	.weui-cell_vcode {
	    padding-right: 0;
	}
	
	.weui-vcode-img {
	    margin-left: 5px;
	    height: 2.58823529em;
	    vertical-align: middle;
	}
	
	.weui-vcode-btn {
	    display: inline-block;
	    height: 2.58823529em;
	    margin-left: 5px;
	    padding: 0 0.6em 0 0.7em;
	    border-left: 1px solid #e5e5e5;
	    line-height: 2.58823529em;
	    vertical-align: middle;
	    font-size: 17px;
	    color: #3cc51f;
	    white-space: nowrap;
	}
	
	.weui-vcode-btn:active {
	    color: #52a341;
	}
	
	.weui-cell_switch {
	    padding-top: 6px;
	    padding-bottom: 6px;
	}
	
	.weui-uploader__hd {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    padding-bottom: 10px;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	
	.weui-uploader__title {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	}
	
	.weui-uploader__info {
	    color: #b2b2b2;
	}
	
	.weui-uploader__bd {
	    margin-bottom: -4px;
	    margin-right: -9px;
	    overflow: hidden;
	}
	
	.weui-uploader__file {
	    float: left;
	    margin-right: 9px;
	    margin-bottom: 9px;
	}
	
	.weui-uploader__img {
	    display: block;
	    width: 79px;
	    height: 79px;
	}
	
	.weui-uploader__file_status {
	    position: relative;
	}
	
	.weui-uploader__file_status:before {
	    content: ' ';
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background-color: rgba(0, 0, 0, 0.5);
	}
	
	.weui-uploader__file-content {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    color: #fff;
	}
	
	.weui-uploader__input-box {
	    float: left;
	    position: relative;
	    margin-right: 9px;
	    margin-bottom: 9px;
	    width: 77px;
	    height: 77px;
	    border: 1px solid #d9d9d9;
	}
	
	.weui-uploader__input-box:before,
	.weui-uploader__input-box:after {
	    content: ' ';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    background-color: #d9d9d9;
	}
	
	.weui-uploader__input-box:before {
	    width: 2px;
	    height: 39.5px;
	}
	
	.weui-uploader__input-box:after {
	    width: 39.5px;
	    height: 2px;
	}
	
	.weui-uploader__input-box:active {
	    border-color: #999;
	}
	
	.weui-uploader__input-box:active:before,
	.weui-uploader__input-box:active:after {
	    background-color: #999;
	}
	
	.weui-uploader__input {
	    position: absolute;
	    z-index: 1;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	}
	
	.weui-article {
	    padding: 20px 15px;
	    font-size: 15px;
	}
	
	.weui-article__section {
	    margin-bottom: 1.5em;
	}
	
	.weui-article__h1 {
	    font-size: 18px;
	    font-weight: 400;
	    margin-bottom: 0.9em;
	}
	
	.weui-article__h2 {
	    font-size: 16px;
	    font-weight: 400;
	    margin-bottom: 0.34em;
	}
	
	.weui-article__h3 {
	    font-weight: 400;
	    font-size: 15px;
	    margin-bottom: 0.34em;
	}
	
	.weui-article__p {
	    margin: 0 0 0.8em;
	}
	
	.weui-msg {
	    padding-top: 36px;
	    text-align: center;
	}
	
	.weui-msg__link {
	    display: inline;
	    color: #586c94;
	}
	
	.weui-msg__icon-area {
	    margin-bottom: 30px;
	}
	
	.weui-msg__text-area {
	    margin-bottom: 25px;
	    padding: 0 20px;
	}
	
	.weui-msg__title {
	    margin-bottom: 5px;
	    font-weight: 400;
	    font-size: 20px;
	}
	
	.weui-msg__desc {
	    font-size: 14px;
	    color: #999;
	}
	
	.weui-msg__opr-area {
	    margin-bottom: 25px;
	}
	
	.weui-msg__extra-area {
	    margin-bottom: 15px;
	    font-size: 14px;
	    color: #999;
	}
	
	@media screen and (min-height: 438px) {
	    .weui-msg__extra-area {
	        position: fixed;
	        left: 0;
	        bottom: 0;
	        width: 100%;
	        text-align: center;
	    }
	}
	
	.weui-flex {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	}
	
	.weui-flex__item {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	}
	
	.weui-btn {
	    margin-top: 15px;
	}
	
	.weui-btn:first-child {
	    margin-top: 0;
	}
	
	.weui-btn-area {
	    margin: 1.17647059em 15px 0.3em;
	}
	
	.weui-agree {
	    display: block;
	    padding: 0.5em 15px;
	    font-size: 13px;
	}
	
	.weui-agree__text {
	    color: #999;
	}
	
	.weui-agree__link {
	    display: inline;
	    color: #586c94;
	}
	
	.weui-agree__checkbox {
	    position: absolute;
	    left: -9999px;
	}
	
	.weui-agree__checkbox-icon {
	    position: relative;
	    top: 2px;
	    display: inline-block;
	    border: 1px solid #d1d1d1;
	    background-color: #fff;
	    border-radius: 3px;
	    width: 11px;
	    height: 11px;
	}
	
	.weui-agree__checkbox-icon-check {
	    position: absolute;
	    top: 1px;
	    left: 1px;
	}
	
	.weui-footer {
	    color: #999;
	    font-size: 14px;
	    text-align: center;
	}
	
	.weui-footer_fixed-bottom {
	    position: fixed;
	    bottom: 0.52em;
	    left: 0;
	    right: 0;
	}
	
	.weui-footer__links {
	    font-size: 0;
	}
	
	.weui-footer__link {
	    display: inline-block;
	    vertical-align: top;
	    margin: 0 0.62em;
	    position: relative;
	    font-size: 14px;
	    color: #586c94;
	}
	
	.weui-footer__link:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 1px;
	    bottom: 0;
	    border-left: 1rpx solid #c7c7c7;
	    color: #c7c7c7;
	    left: -0.65em;
	    top: 0.36em;
	    bottom: 0.36em;
	}
	
	.weui-footer__link:first-child:before {
	    display: none;
	}
	
	.weui-footer__text {
	    padding: 0 0.34em;
	    font-size: 12px;
	}
	
	.weui-grids {
	    border-top: 1rpx solid #d9d9d9;
	    border-left: 1rpx solid #d9d9d9;
	    overflow: hidden;
	}
	
	.weui-grid {
	    position: relative;
	    float: left;
	    padding: 20px 10px;
	    width: 33.33333333%;
	    box-sizing: border-box;
	    border-right: 1rpx solid #d9d9d9;
	    border-bottom: 1rpx solid #d9d9d9;
	}
	
	.weui-grid_active {
	    background-color: #ececec;
	}
	
	.weui-grid__icon {
	    display: block;
	    width: 28px;
	    height: 28px;
	    margin: 0 auto;
	}
	
	.weui-grid__label {
	    margin-top: 5px;
	    display: block;
	    text-align: center;
	    color: #000;
	    font-size: 14px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	
	.weui-loading {
	    margin: 0 5px;
	    width: 20px;
	    height: 20px;
	    display: inline-block;
	    vertical-align: middle;
	    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
	    animation: weuiLoading 1s steps(12, end) infinite;
	    background: transparent
	        url()
	        no-repeat;
	    background-size: 100%;
	}
	
	@-webkit-keyframes weuiLoading {
	    0% {
	        -webkit-transform: rotate3d(0, 0, 1, 0deg);
	        transform: rotate3d(0, 0, 1, 0deg);
	    }
	
	    100% {
	        -webkit-transform: rotate3d(0, 0, 1, 360deg);
	        transform: rotate3d(0, 0, 1, 360deg);
	    }
	}
	
	@keyframes weuiLoading {
	    0% {
	        -webkit-transform: rotate3d(0, 0, 1, 0deg);
	        transform: rotate3d(0, 0, 1, 0deg);
	    }
	
	    100% {
	        -webkit-transform: rotate3d(0, 0, 1, 360deg);
	        transform: rotate3d(0, 0, 1, 360deg);
	    }
	}
	
	.weui-badge {
	    display: inline-block;
	    padding: 0.15em 0.4em;
	    min-width: 8px;
	    border-radius: 18px;
	    background-color: #f43530;
	    color: #fff;
	    line-height: 1.2;
	    text-align: center;
	    font-size: 12px;
	    vertical-align: middle;
	}
	
	.weui-badge_dot {
	    padding: 0.4em;
	    min-width: 0;
	}
	
	.weui-loadmore {
	    width: 65%;
	    margin: 1.5em auto;
	    line-height: 1.6em;
	    font-size: 14px;
	    text-align: center;
	}
	
	.weui-loadmore__tips {
	    display: inline-block;
	    vertical-align: middle;
	}
	
	.weui-loadmore_line {
	    border-top: 1px solid #e5e5e5;
	    margin-top: 2.4em;
	}
	
	.weui-loadmore__tips_in-line {
	    position: relative;
	    top: -0.9em;
	    padding: 0 0.55em;
	    background-color: #fff;
	    color: #999;
	}
	
	.weui-loadmore__tips_in-dot {
	    position: relative;
	    padding: 0 0.16em;
	    width: 4px;
	    height: 1.6em;
	}
	
	.weui-loadmore__tips_in-dot:before {
	    content: ' ';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -1px;
	    margin-left: -2px;
	    width: 4px;
	    height: 4px;
	    border-radius: 50%;
	    background-color: #e5e5e5;
	}
	
	.weui-panel {
	    background-color: #fff;
	    margin-top: 10px;
	    position: relative;
	    overflow: hidden;
	}
	
	.weui-panel:first-child {
	    margin-top: 0;
	}
	
	.weui-panel:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1rpx solid #e5e5e5;
	    color: #e5e5e5;
	}
	
	.weui-panel:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height: 1px;
	    border-bottom: 1rpx solid #e5e5e5;
	    color: #e5e5e5;
	}
	
	.weui-panel__hd {
	    padding: 14px 15px 10px;
	    color: #999;
	    font-size: 13px;
	    position: relative;
	}
	
	.weui-panel__hd:after {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height: 1px;
	    border-bottom: 1rpx solid #e5e5e5;
	    color: #e5e5e5;
	}
	
	.weui-media-box {
	    padding: 15px;
	    position: relative;
	}
	
	.weui-media-box:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1rpx solid #e5e5e5;
	    color: #e5e5e5;
	}
	
	.weui-media-box:first-child:before {
	    display: none;
	}
	
	.weui-media-box__title {
	    font-weight: 400;
	    font-size: 17px;
	    width: auto;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    word-wrap: normal;
	    word-wrap: break-word;
	    word-break: break-all;
	}
	
	.weui-media-box__desc {
	    color: #999;
	    font-size: 13px;
	    line-height: 1.2;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	
	.weui-media-box__info {
	    margin-top: 15px;
	    padding-bottom: 5px;
	    font-size: 13px;
	    color: #cecece;
	    line-height: 1em;
	    list-style: none;
	    overflow: hidden;
	}
	
	.weui-media-box__info__meta {
	    float: left;
	    padding-right: 1em;
	}
	
	.weui-media-box__info__meta_extra {
	    padding-left: 1em;
	    border-left: 1px solid #cecece;
	}
	
	.weui-media-box__title_in-text {
	    margin-bottom: 8px;
	}
	
	.weui-media-box_appmsg {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	
	.weui-media-box__thumb {
	    width: 100%;
	    height: 100%;
	    vertical-align: top;
	}
	
	.weui-media-box__hd_in-appmsg {
	    margin-right: 0.8em;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    text-align: center;
	}
	
	.weui-media-box__bd_in-appmsg {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	    min-width: 0;
	}
	
	.weui-media-box_small-appmsg {
	    padding: 0;
	}
	
	.weui-cells_in-small-appmsg {
	    margin-top: 0;
	}
	
	.weui-cells_in-small-appmsg:before {
	    display: none;
	}
	
	.weui-progress {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	
	.weui-progress__bar {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	}
	
	.weui-progress__opr {
	    margin-left: 15px;
	    font-size: 0;
	}
	
	.weui-navbar {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    position: absolute;
	    z-index: 500;
	    top: 0;
	    width: 100%;
	    border-bottom: 1rpx solid #ccc;
	}
	
	.weui-navbar__item {
	    position: relative;
	    display: block;
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	    padding: 13px 0;
	    text-align: center;
	    font-size: 0;
	}
	
	.weui-navbar__item.weui-bar__item_on {
	    color: #1aad19;
	}
	
	.weui-navbar__slider {
	    position: absolute;
	    content: ' ';
	    left: 0;
	    bottom: 0;
	    width: 6em;
	    height: 3px;
	    background-color: #1aad19;
	    -webkit-transition: -webkit-transform 0.3s;
	    transition: -webkit-transform 0.3s;
	    transition: transform 0.3s;
	    transition: transform 0.3s, -webkit-transform 0.3s;
	}
	
	.weui-navbar__title {
	    display: inline-block;
	    font-size: 15px;
	    max-width: 8em;
	    width: auto;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    word-wrap: normal;
	}
	
	.weui-tab {
	    position: relative;
	    height: 100%;
	}
	
	.weui-tab__panel {
	    box-sizing: border-box;
	    height: 100%;
	    padding-top: 50px;
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
	}
	
	.weui-search-bar {
	    position: relative;
	    padding: 8px 10px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    box-sizing: border-box;
	    background-color: #efeff4;
	    border-top: 1rpx solid #d7d6dc;
	    border-bottom: 1rpx solid #d7d6dc;
	}
	
	.weui-icon-search {
	    margin-right: 8px;
	    font-size: inherit;
	}
	
	.weui-icon-search_in-box {
	    position: absolute;
	    left: 10px;
	    top: 7px;
	}
	
	.weui-search-bar__text {
	    display: inline-block;
	    font-size: 14px;
	    vertical-align: middle;
	}
	
	.weui-search-bar__form {
	    position: relative;
	    -webkit-box-flex: 1;
	    -webkit-flex: auto;
	    flex: auto;
	    border-radius: 5px;
	    background: #fff;
	    border: 1rpx solid #e6e6ea;
	}
	
	.weui-search-bar__box {
	    position: relative;
	    padding-left: 30px;
	    padding-right: 30px;
	    width: 100%;
	    box-sizing: border-box;
	    z-index: 1;
	}
	
	.weui-search-bar__input {
	    height: 28px;
	    line-height: 28px;
	    font-size: 14px;
	}
	
	.weui-icon-clear {
	    position: absolute;
	    top: 0;
	    right: 0;
	    padding: 7px 8px;
	    font-size: 0;
	}
	
	.weui-search-bar__label {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 2;
	    border-radius: 3px;
	    text-align: center;
	    color: #9b9b9b;
	    background: #fff;
	    line-height: 28px;
	}
	
	.weui-search-bar__cancel-btn {
	    margin-left: 10px;
	    line-height: 28px;
	    color: #09bb07;
	    white-space: nowrap;
	}
	
	.weui-tabbar {
	    display: flex;
	    position: absolute;
	    z-index: 500;
	    bottom: 0;
	    width: 100%;
	    background-color: #f7f7fa;
	}
	
	.weui-tabbar:before {
	    content: ' ';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    height: 1px;
	    border-top: 1px solid #c0bfc4;
	    color: #c0bfc4;
	    transform-origin: 0 0;
	    transform: scaleY(0.5);
	}
	
	.weui-tabbar__item {
	    display: block;
	    flex: 1;
	    padding: 5px 0 0;
	    font-size: 0;
	    color: #999;
	    text-align: center;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
	.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
	.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
	    color: #09bb07;
	}
	
	.weui-tabbar__icon {
	    display: inline-block;
	    width: 27px;
	    height: 27px;
	}
	
	i.weui-tabbar__icon,
	.weui-tabbar__icon > i {
	    font-size: 24px;
	    color: #999;
	}
	
	.weui-tabbar__icon img {
	    width: 100%;
	    height: 100%;
	}
	
	.weui-tabbar__label {
	    text-align: center;
	    color: #999;
	    font-size: 10px;
	    line-height: 1.8;
	}
	
	page {
	    background-color: #f2f7fa;
	}
	
	
	/** weui override **/
	.weui-cells__title {
	    font-size: 22rpx;
	    color: #bbbbbb;
	    margin-top: 20rpx;
	}
	.wx-switch-input {
	    background: #0bb584 !important;
	    border-color: #0bb584 !important;
	}
	/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
	radio .wx-radio-input.wx-radio-input-checked {
	    border-color: #0bb584 !important;
	    background: #0bb584 !important;
	}
	
	/** VP COMMON **/
	view {
	    font-size: 30rpx;
	    color: #535353;
	}
	button {
	    font-size: 30rpx;
	    color: #535353;
	}
	.fclear:after {
	    content: '';
	    display: block;
	    height: 0;
	    line-height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.f1 {
	    font-size: 48rpx;
	    color: #535353;
	}
	.f2 {
	    font-size: 40rpx;
	    color: #535353;
	}
	.f3 {
	    font-size: 30rpx;
	    color: #535353;
	}
	.f4 {
	    font-size: 26rpx;
	    color: #888888;
	}
	.f5 {
	    font-size: 24rpx;
	    color: #b2b2b2;
	}
	.f6 {
	    font-size: 22rpx;
	    color: #bbbbbb;
	}
	.f7 {
	    font-size: 20rpx;
	    color: #b2b2b2;
	}
	.cr1 {
	    color: #0bb584;
	}
	.fb {
	    font-weight: bold;
	}
	.color_click {
	    color: #576b95;
	}
	.slink {
	    display: inline-block;
	    color: #576b95;
	    padding: 3rpx 5rpx;
	    border-radius: 5rpx;
	}
	.text-more {
	    display: inline-block;
	    padding: 0 30rpx 0 15rpx;
	    background: url()
	        no-repeat right center;
	    background-size: 26rpx;
	}
	.what {
	    padding-right: 30rpx;
	    background: url()
	        no-repeat right center;
	    background-size: 26rpx 26rpx;
	}
	.text-li {
	    font-size: 22rpx;
	    color: #b2b2b2;
	    margin-top: 10rpx;
	    padding-left: 20rpx;
	    background: url()
	        no-repeat left 17rpx;
	    background-size: 7rpx 7rpx;
	}
	.imgadder {
	    background: url()
	        no-repeat center center;
	    background-size: 60rpx;
	}
	
	.bg_b30 {
	    background: url();
	}
	
	.vp-img-text {
	    display: table;
	}
	.vp-img-text-img {
	    display: table-cell;
	    vertical-align: middle;
	}
	.vp-img-text-text {
	    display: table-cell;
	    vertical-align: middle;
	}
	
	.vp-placeholder {
	    color: #bbbbbb;
	}
	.vp-textarea-wrap {
	    position: relative;
	    width: 100%;
	}
	.vp-textarea-placeholder {
	    position: absolute;
	    left: 0;
	    top: 0;
	    padding: 20rpx;
	}
	.vp-textarea-placeholder view {
	    color: #bbbbbb;
	}
	
	.vp-button {
	    background: none !important;
	    border: 0 none !important;
	    border-radius: 0;
	    padding: 0 !important;
	    line-height: 1em;
	    margin: 0;
	    overflow: hidden;
	    text-align: center;
	}
	.vp-button::after {
	    border: 0 none;
	}
	
	.vp-btn-notice {
	    font-size: 22rpx;
	    color: #c28748;
	    display: inline-block;
	    height: 40rpx;
	    line-height: 40rpx;
	    border: 1rpx solid #c28748;
	    border-radius: 100rpx;
	    padding: 0 10rpx 0 40rpx;
	    background: #ffffff
	        url()
	        no-repeat 10rpx center;
	    background-size: 30rpx;
	}
	
	.vp-flex {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	}
	.vp-flex_1 {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    -ms-flex: 1;
	    flex: 1;
	    -webkit-tap-highlight-color: transparent;
	}
	.vp-flex_2 {
	    -webkit-box-flex: 2;
	    -webkit-flex: 2;
	    -ms-flex: 2;
	    flex: 2;
	    -webkit-tap-highlight-color: transparent;
	}
	.vp-flex-center {
	    position: relative;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.vp-hlist {
	    zoom: 1;
	}
	.vp-hlist:after {
	    content: '.';
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.vp-hlist-item {
	    float: left;
	}
	
	.headBar {
	    position: fixed;
	    width: 100%;
	    top: 0;
	    left: 0;
	    z-index: 1;
	}
	
	.vp-head {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 2;
	}
	.vp-header {
	    border-bottom: 1rpx solid #eeeeee;
	    background: url();
	}
	.vp-top {
	    height: 36rpx;
	}
	.vp-hbar {
	    position: relative;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 78rpx;
	}
	.vp-hbar text {
	    color: #222222;
	}
	.vp-fbar {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    font-size: 14px;
	    z-index: 2;
	}
	.vp-foot {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    background: #fff;
	    width: 100%;
	    font-size: 14px;
	    border-top: 1rpx solid #eee;
	    z-index: 2;
	    padding-bottom: env(safe-area-inset-bottom);
	}
	.vp-foot-space {
	    padding-bottom: env(safe-area-inset-bottom);
	}
	
	.h-tab {
	    width: 100%;
	    height: 100rpx;
	    overflow-y: hidden;
	    overflow-x: auto;
	    white-space: nowrap;
	    box-sizing: border-box;
	    border-bottom: 1rpx solid #eeeeee;
	}
	.h-tab .h-tab-item {
	    display: inline-block;
	    padding: 0 10px;
	    height: 100rpx;
	    line-height: 100rpx;
	    color: #999999;
	    box-sizing: border-box;
	    text-align: center;
	    position: relative;
	}
	.h-tab .h-tab-item.on {
	    color: #444444;
	    border-bottom: 5rpx solid #444444;
	    font-weight: bold;
	} /*009cff**/
	.h-tab .h-tab-item-hint {
	    display: inline-block;
	    font-weight: bold;
	    position: absolute;
	    top: 0;
	    right: 0;
	    padding: 0 15rpx;
	    border-radius: 100rpx;
	    overflow: hidden;
	    height: 38rpx;
	    line-height: 38rpx;
	    background: #f76260;
	    color: #ffffff;
	    font-size: 20rpx;
	}
	.h-tab.mini {
	    height: 80rpx;
	}
	.h-tab.mini .h-tab-item {
	    height: 80rpx;
	    line-height: 80rpx;
	    font-size: 28rpx;
	}
	
	.m-tab {
	    height: 80rpx;
	    line-height: 80rpx;
	    background: #ffbe22;
	    border: 1rpx solid #0bb584;
	    border-radius: 10rpx;
	}
	.m-tab-item {
	    position: relative;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #bc8707;
	    font-size: 26rpx;
	}
	.m-tab-item::before {
	    content: ' ';
	    position: absolute;
	    right: 0;
	    top: 10rpx;
	    width: 1rpx;
	    bottom: 10rpx;
	    border-right: 1rpx solid #0bb584;
	    color: #d9d9d9;
	}
	.m-tab-item-last::before {
	    display: none;
	}
	.m-tab-item image {
	    width: 30rpx;
	    height: 30rpx;
	    margin: 0 10rpx 0 0;
	}
	
	.m-tab-plain {
	    background: #ffffff;
	    border: 1rpx solid #eeeeee;
	}
	.m-tab-plain .m-tab-item {
	    color: #999999;
	}
	.m-tab-plain .m-tab-item::before {
	    border-right: 1rpx solid #eeeeee;
	}
	
	.vp-list-tt {
	    text-align: center;
	    padding: 20rpx 0;
	}
	.vp-list-tt text {
	    font-weight: bold;
	    font-size: 30rpx;
	}
	
	/** VP_SC  modal **/
	.modal-mask {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    background: #000;
	    opacity: 0.5;
	    overflow: hidden;
	    z-index: 9000;
	    color: #fff;
	}
	
	.modal-dialog {
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 9999;
	    /**  background: #10aeff;
	  border-radius: 36rpx 36rpx 0 0;**/
	    /** border:1rpx solid #FFFFFF; box-shadow:-20rpx 0 60rpx 10rpx #EEEEEE;**/
	}
	
	.modal-title {
	    padding-top: 50rpx;
	    font-size: 36rpx;
	    color: #030303;
	    text-align: center;
	}
	
	.modal-content {
	    padding: 50rpx 32rpx;
	}
	
	.modal-input {
	    display: flex;
	    background: #fff;
	    border: 2rpx solid #ddd;
	    border-radius: 4rpx;
	    font-size: 28rpx;
	}
	.modal-footer {
	    display: flex;
	    flex-direction: row;
	    height: 86rpx;
	    border-top: 1px solid #dedede;
	    font-size: 34rpx;
	    line-height: 86rpx;
	}
	
	.modal-main {
	    background: #ffffff;
	    border-radius: 20rpx 20rpx 0 0;
	    overflow: hidden;
	    height: 100%;
	    width: 100%;
	}
	.modal-hd {
	    padding: 40rpx 0;
	    text-align: center;
	    position: relative;
	}
	.modal-hd-title {
	    font-weight: bold;
	    font-size: 28rpx;
	}
	.modal-hd-closer {
	    width: 20px;
	    height: 20rpx;
	    position: absolute;
	    left: 30rpx;
	    top: 40rpx;
	}
	.modal-hd-button {
	    position: absolute;
	    right: 30rpx;
	    top: 30rpx;
	}
	.modal-bd {
	    padding-bottom: env(safe-area-inset-bottom);
	}
	
	/** VP_SC  modal **/
	
	/** VP_MAI **/
	/**可点击文字info**/
	.ic_info {
	    text-indent: 40rpx;
	    background: url()
	        no-repeat left center;
	    background-size: 30rpx;
	}
	
	/**主按钮*/
	.btnwe {
	    font-size: 30rpx;
	    height: 90rpx;
	    line-height: 90rpx;
	    font-weight: bold;
	}
	.btnwe::before {
	    display: none;
	}
	.btnwe::after {
	    display: none;
	}
	
	/**主色按钮*/
	.btnp {
	    font-size: 30rpx;
	    height: 90rpx;
	    line-height: 90rpx;
	    background: #0bb584;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btnp::before {
	    display: none;
	}
	.btnp::after {
	    display: none;
	}
	.btnp-warn {
	    color: #f13e6d !important;
	    background: #eeeeee !important;
	}
	.btnp-opt {
	    color: #999999 !important;
	    border: 1rpx solid #eeeeee;
	    background: none !important;
	}
	.btnp-disabled {
	    background: #f7f7f7 !important;
	    color: #aaaaaa !important;
	    border-color: #f7f7f7;
	}
	
	.btnp-plain {
	    color: #0bb584 !important;
	    background: none !important;
	    border: 1rpx solid #0bb584 !important;
	}
	.btnp-nom {
	    color: #0bb584 !important;
	    background: #eeeeee !important;
	}
	
	/**主色按钮-服务员*/
	.btna {
	    font-size: 30rpx;
	    height: 90rpx;
	    line-height: 90rpx;
	    background: #2d7aff !important;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btna::before {
	    display: none;
	}
	.btna::after {
	    display: none;
	}
	.btna-plain {
	    color: #2d7aff !important;
	    background: none !important;
	    border: 1rpx solid #4d8bc4 !important;
	}
	.btna-disabled {
	    background: #f7f7f7 !important;
	    color: #aaaaaa !important;
	    border-color: #f7f7f7;
	}
	
	/**普通按钮*/
	.btn1 {
	    font-size: 30rpx;
	    height: 90rpx;
	    line-height: 90rpx;
	    background: #e6b83e;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btn1::before {
	    display: none;
	}
	.btn1::after {
	    display: none;
	}
	.btn1-plain {
	    color: #e6b83e;
	    background: none;
	}
	.btn1-disabled {
	    background: #eeeeee;
	    color: #999999;
	    border-color: #eeeeee;
	}
	
	.btn9 {
	    font-size: 28rpx;
	    height: 90rpx;
	    line-height: 90rpx;
	    background: #34345e !important;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btn9::before {
	    display: none;
	}
	.btn9::after {
	    display: none;
	}
	.btn9-plain {
	    color: #34345e;
	    background: none;
	}
	.btn9-disabled {
	    background: #eeeeee !important;
	    color: #999999 !important;
	    border-color: #eeeeee !important;
	}
	
	/**小按钮*/
	.btn1m {
	    display: inline-block;
	    font-size: 26rpx;
	    height: 70rpx;
	    line-height: 70rpx;
	    border: 1rpx solid #0bb584 !important;
	    background: #0bb584 !important;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btn1m::before {
	    display: none;
	}
	.btn1m::after {
	    display: none;
	}
	.btn1m-plain {
	    color: #0bb584;
	    background: none !important;
	    border: 1rpx solid #0bb584 !important;
	}
	.btn1m-disabled {
	    background: #eeeeee !important;
	    color: #999999;
	    border-color: #eeeeee !important;
	}
	
	.btnam {
	    display: inline-block;
	    font-size: 26rpx;
	    height: 70rpx;
	    line-height: 70rpx;
	    border: 1rpx solid #2d7aff !important;
	    background: #2d7aff !important;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btnam::before {
	    display: none;
	}
	.btnam::after {
	    display: none;
	}
	.btnam-plain {
	    color: #2d7aff;
	    background: none !important;
	    border: 1rpx solid #2d7aff !important;
	}
	.btnam-disabled {
	    background: #eeeeee !important;
	    color: #999999;
	    border-color: #eeeeee !important;
	}
	
	/**播主按钮*/
	.btn9m {
	    display: inline-block;
	    font-size: 26rpx;
	    height: 70rpx;
	    line-height: 70rpx;
	    border: 1rpx solid #dddddd !important;
	    background: #ffffff !important;
	    color: #444444;
	    font-weight: bold;
	}
	.btn9m::before {
	    display: none;
	}
	.btn9m::after {
	    display: none;
	}
	.btn9m-plain {
	    color: #444444;
	    background: none;
	    border: 1rpx solid #dddddd !important;
	}
	.btn9m-disabled {
	    background: #eeeeee !important;
	    color: #999999;
	    border-color: #eeeeee !important;
	}
	
	/**微小按钮*/
	.btn1mm {
	    display: inline-block;
	    font-size: 22rpx;
	    height: 50rpx;
	    line-height: 50rpx;
	    border: 1rpx solid #0bb584 !important;
	    background: #0bb584 !important;
	    color: #ffffff;
	    font-weight: bold;
	}
	.btn1mm::before {
	    display: none;
	}
	.btn1mm::after {
	    display: none;
	}
	.btn1mm-plain {
	    color: #0bb584 !important;
	    background: none !important;
	    border: 1rpx solid #0bb584 !important;
	}
	.btn1mm-disabled {
	    background: #eeeeee !important;
	    color: #999999;
	    border-color: #eeeeee !important;
	}
	
	/***行按钮**/
	.btn-inline {
	    display: inline-block;
	    padding: 0 40rpx;
	}
	
	/***按钮闪**/
	.btn-light {
	    -webkit-animation: borderScale 1s infinite ease-in-out;
	    animation: borderScale 1s infinite ease-in-out;
	}
	@-webkit-keyframes borderScale {
	    0% {
	        transform: scale(1);
	    }
	    50% {
	        transform: scale(1.1);
	    }
	    100% {
	        transform: scale(1);
	    }
	}
	@keyframes borderScale {
	    0% {
	        transform: scale(1);
	    }
	    50% {
	        transform: scale(1.1);
	    }
	    100% {
	        transform: scale(1);
	    }
	}
	
	timer {
	    font-size: 22rpx;
	    color: #bbbbbb;
	}
	
	/** VP_HE  **/
	.vp-server {
	    position: fixed;
	    right: 0;
	    top: 60%;
	    background: #ecfffa;
	    border: 1rpx solid #0bb584;
	    border-right: 0 none;
	    border-radius: 10rpx 0 0 10rpx;
	    text-align: center;
	    padding: 20rpx 15rpx 10rpx 15rpx;
	}
	.vp-server-icon {
	    display: block;
	    width: 60rpx;
	    height: 60rpx;
	}
	.vp-server-text {
	    font-size: 26rpx;
	    font-weight: bold;
	    color: #0bb584;
	}
	
	.push-types {
	    width: 660rpx;
	    margin: 0 auto;
	    text-align: center;
	    padding-bottom: 40rpx;
	}
	.push-icon {
	    padding: 30rpx 0;
	    width: 120rpx;
	    display: block;
	    margin: 0 auto;
	    background: #ffffff;
	    overflow: hidden;
	    border: 1rpx solid #eeeeee;
	    border-radius: 15rpx;
	}
	.push-icon image {
	    width: 60rpx;
	    height: 60rpx;
	    display: block;
	    margin: 0 auto;
	}
	.push-text {
	    font-size: 22rpx;
	    color: #666666;
	    margin-top: 20rpx;
	    height: 30rpx;
	    line-height: 30rpx;
	}
	
	.foot-act {
	    text-align: center;
	    margin-bottom: 40rpx;
	    position: relative;
	}
	.foot-act-back {
	    background: none !important;
	    color: #999999 !important;
	    border: 1rpx solid #dddddd !important;
	    box-shadow: none !important;
	}
	.foot-bar {
	    padding: 30rpx 0;
	    text-align: center;
	}
	.app-info {
	    position: relative;
	    line-height: 30rpx;
	    padding-left: 40rpx;
	    color: #0bb584;
	}
	.app-info image {
	    width: 30rpx;
	    height: 30rpx;
	    position: absolute;
	    left: 5rpx;
	    top: 3rpx;
	}
	
	.foot-user {
	    overflow: hidden;
	    text-align: left;
	}
	.foot-user .weui-cell {
	    padding: 0;
	}
	
	.foot-btn {
	    width: 120rpx;
	    height: 100%;
	    overflow: hidden;
	    text-align: center;
	    position: relative;
	}
	.foot-btn navigator {
	    display: block;
	    height: 100%;
	    overflow: hidden;
	}
	.foot-btn-icon {
	    height: 50rpx;
	    margin: 13rpx 0 5rpx 0;
	}
	.foot-btn-icon image {
	    width: 50rpx;
	    height: 50rpx;
	}
	.foot-btn-text {
	    height: 22rpx;
	    line-height: 22rpx;
	    color: #353535;
	    font-size: 20rpx;
	}
	.foot-btn-hint {
	    position: absolute;
	    right: 15rpx;
	    top: 15rpx;
	    width: 15rpx;
	    height: 15rpx;
	    background: #de4130;
	    border-radius: 15rpx;
	}
	
	.coin-logo {
	    display: inline-block;
	    position: relative;
	    overflow: hidden;
	}
	.coin-logo-cover {
	    width: 80%;
	    height: 80%;
	    border-radius: 200rpx;
	    overflow: hidden;
	    position: absolute;
	    left: 10%;
	    top: 10%;
	}
	.coin-logo-bg {
	    width: 100%;
	    height: 100%;
	}
	
	.contact-value {
	    padding-left: 40rpx;
	}
	.contact-value-wx {
	    background: url()
	        no-repeat left center;
	    background-size: 32rpx 32rpx;
	}
	.contact-value-mobile {
	    background: url()
	        no-repeat left center;
	    background-size: 32rpx 32rpx;
	}
	.contact-value-qq {
	    background: url()
	        no-repeat left center;
	    background-size: 32rpx 32rpx;
	}
	
</style>
